<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>增加箭头函数的起因</title>

    <script>
        const student = {
        name: '小雅',
        age: 19,
        showInfo : function () {
            // 保存外部 this 对象
            let that = this;
            setTimeout(function () {
                // console.log('我叫' + this.name + '我今年' + this.age + '岁');// 我叫我今年undefined岁
                
                // 这里使用 that 变量代替外部的 this 对象。
                console.log('我叫' + that.name + '我今年' + that.age + '岁');
            }, 1000);
        }
    }
    // 1 秒后控制台输出：我叫小雅我今年 19 岁
    student.showInfo();
    </script>
</head>
<body>
    
</body>
</html>